O princípio fundamental que o JQuery funciona é alterando os objetos do DOM ou, como os objetos estão sendo exibidos num browser, alterar os elementos dentro do browser o que é particularmente interessante no tratamento das atividades que interagem com o usuário fazendo com que deixe de ser uma página estática (depois que o servidor enviou o documento ao cliente ela seria estática por default) e 'reaja' conforme o usuário faça uma certa atividade fazendo com que a página web se pareça mais com uma aplicação desktop.
Dentro do JQuery temos 4 classes de componentes cada qual agrega uma funcionalidade aos componentes do browser.
1-Componentes do JQuery que permitem serem ... pela interface:
1.1-Arrastados(Draggable)
1.2-Receber os elementos arrastados(Droppable)
1.3-Redimensionar os elementos (Resizable)
1.4-Selecionáveis (Selectable) entre um grupo de elementos
1.5-Ordenáveis (Sortable).
Cada uma das funcionalidades acima é importante e a mais usada são os componentes de redimensionamento dos componentes do browser que complementam a responsividade da página feita pela CSS e as Media Queries com maestria.
2-Os Widgets que são componentes que agregam funcionalidades ao browser. São eles:
2.1-Acordeão (Accordion) - Exibe ou Oculta elementos da página.
2.2-Autocomplemento (Autocomplete) - Exibe ao usuário sugestões para complementação de conteúdo
enquanto está digitando num campo texto.
2.3-Botão(Button) - Adiciona funcionalidades ao botão clássico do browser.
2.4-Seletor de datas (DatePicker) - Exibe um popup para seleção da data e se alguma data for
escolhida pelo usuário o componente deposita a data selecionada num controle do formulário.
2.5-Diálogos(Dialog) - Acrescenta funcionalidades ao diálogo clássico do browser como o Modal.
2.6-Barra de Progresso (ProgressBar) - Permite exibir uma barra de progresso no browser que
pode ser atualizada dinâmicamente com o andamento de um processo.
2.7-Controles Deslizantes(Sliders) - Cria controles que podem ser deslizados até que
exibam ou selecionem a informação desejada pelo usuário
2.8-Abas(Tabs) - Muito útil ao separar conteúdos de uma página evitando dar 'submit' ou
'postback' do conteúdo informado pelo usuário até o momento.
3-Os Efeitos permitem aplicar ou remover estilos de um elemento do browser
dando um efeito visual muito bom. São os seguintes :
3.1-Animação de Cores (Color Animation) - Cria uma animação com as cores de um elemento.
É um recurso chamativo da atenção do usuário para um ponto importante.
3.2-Troca de classe (Toogle Class) - Troca a classe aplicada no elemento.
3.3-Adicionar classe (Add Class) - Adiciona uma classe ao elemnto
3.4-Remover classe (Remove class) - Remove uma classe aplicada ao elemento.
3.5-Chaveia a classe (Switch Class) - Liga ou desliga uma classe de um elemento
3.6-Efeito (Effect) - Aplica efeitos no elemento como esmaecimento, pulsação, balanço,
sacudir o conteúdo do elemento.
3.7-Ocultar/Esconder(Toogle) - Permite ocultar ou esconder um elemento. Lembre-se que
ocultar o elemento continua a ocupar o espaço no documento e poderá ser exibido mais tarde
enquanto esconder ele nunca poderá ser exibido.
3.8-Esconder(Hide) - Esconde o elemento
3.9-Exibir(Show) - Exibe o elemento.
4-Os utilitários permitem :
4.1-Posicionamento (Position) - Alteram a posição do elemento na página.
4.2-Widgets - Extendem o item 2 acima permitindo que o usuário crie seu próprio
widget combinando as funcionalidades descritas no item 2.
1-jQuery Core 1.1-The jQuery Function 1.1-jQuery Core-The jQuery Function 1.2-jQuery Object Accessors 1.2-jQuery Core-jQuery Object Accessors 1.3-Data 1.3-jQuery Core-Data 1.4-Plugins 1.4-jQuery Core-Plugins 1.5-Interoperability 1.5-jQuery Core-Interoperability 2-Selectors 2.1-Basics 2.1-Selectors-Basics 2.2-Hierarchy 2.2-Selectors-Hierarchy 2.3-Basic Filters 2.3-Selectors-Basic Filters 2.4-Content Filters 2.4-Selectors-Content Filters 2.5-Visibility Filters 2.5-Selectors-Visibility Filters 2.6-Attribute Filters 2.6-Selectors-Attribute Filters 2.7-Child Filters 2.7-Selectors-Child Filters 2.8-Forms 2.8-Selectors-Forms 2.9-Form Filters 2.9-Selectors-Form Filters 3-Attributes 3.1-Attr 3.1-Attributes-Attr 3.2-Class 3.2-Attributes-Class 3.3-HTML 3.3-Attributes-HTML 3.4-Text 3.4-Attributes-Text 3.5-Value 3.5-Attributes-Value 4-Traversing 4.1-Filtering 4.1-Traversing-Filtering 4.2-Finding 4.2-Traversing-Finding 4.3-Chaining 4.3-Traversing-Chaining 5-Manipulation 5.1-Changing Contents 5.1-Manipulation-Changing Contents 5.2-Inserting Inside 5.2-Manipulation-Inserting Inside 5.3-Inserting Outside 5.3-Manipulation-Inserting Outside 5.4-Inserting Around 5.4-Manipulation-Inserting Around 5.5-Replacing 5.5-Manipulation-Replacing 5.6-Removing 5.6-Manipulation-Removing 5.7-Copying 5.7-Manipulation-Copying 6-CSS 6.1-CSS 6.1-CSS-CSS 6.2-Positioning 6.2-CSS-Positioning 6.3-Height and Widths 6.3-CSS-Height and Widths 7-Events 7.1-Page Load 7.1-Events-Page Load 7.2-Event Handling 7.2-Events-Event Handling 7.3-Live Events 7.3-Events-Live Events 7.4-Interaction Helpers 7.4-Events-Interaction Helpers 7.5-Event Helpers 7.5-Events-Event Helpers 8-Effects 8.1-Basics 8.1-Basics 8.2-Sliding 8.2-Sliding 8.3-Fading 8.3-Fading 8.4-Custom 8.4-Custom 8.5-Settings 8.5-Settings 9-Ajax 9.1-AJAX Requests 9.1-Ajax-AJAX Requests 9.2-AJAX Events 9.2-Ajax-AJAX Events 9.3-Misc. 9.3-Ajax-Misc. 10-Utilities 10.1-Browser and Feature Detection 10.1-Browser and Feature Detection 10.2-Array and Object Operations 10.2-Array and Object Operations 10.3-Test Operations 10.3-Test Operations 10.4-String Operations 10.4-String Operations 10.5-Urls 10.5-Urls